<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
     <!-- 针对于手机端的页面的设置 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>欢迎使用xxx系统</title>
    <!-- 加载外面的css  bootstrap加载 -->
    <link type="text/css" href="{% static 'css/bootstrap.css' %}" rel="stylesheet"/>
</head>
<body>
<div>
    <div style="text-align: center;background: green;border: 1px">
        <h1 align="center">欢迎使用xxx系统</h1>
    </div>
    <div>
        <div style="background: goldenrod;width: 20%;float: left;border: 1px">
            <div>
                zc


            </div>
        </div>
        <div style="background: yellowgreen;width: 70%;float: left;border: 1px">右面</div>
    </div>
</div>
    <!-- jquery要放在bootstrap之前 -->
    <script type="text/javascript" src="{% static 'js/jquery-3.3.1.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/bootstrap.js' %}"></script>

</body>
</html>